<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>STW OnLine</title>
	<link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="{{ MEDIA_URL }}css/form.css" type="text/css" media="all" />
	<link rel="stylesheet" href="{{ MEDIA_URL }}css/style_servicos.css" type="text/css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/demoAccordion.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/styleAccordion.css" />
	<noscript>
		<style>
		.st-accordion ul li{
			height:auto;
		}
		.st-accordion ul li > a span{
			visibility:hidden;
		}
		</style>
	</noscript>
    <!-- Script barra -->
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/BarraNews.js"></script>
    <script src="{{ MEDIA_URL }}js/Sytx.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/BarraNews.css" type="text/css" media="screen" />

    <script type="text/javascript">
    $(function(){
        $("ul#ticker01").liScroll();
        $("ul#ticker02").liScroll({travelocity: 0.15});
    //Syntax
    $.syntax({root: 'js/'});

    });
</script>
<!-- Fim Script barra -->
</head>
<body>
	<div id="principal">
		<!-- Inicio Topo -->
		<div id="top">
			<div id="logo"> <a href="{% url fiduciam.views.homepage %}"><img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/></a>
			</div>
			<div id="imenu">
				<div id="items">
					<!-- Inicio menu -->
					<div id="menuLinks">
						<p class="menu"> <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a></p>
					</div>
					<div id="effects">
					</div>
					<!-- Fim Menu -->
				</div>
			</div>
			<div id="fimTop">
				<img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
			</div>
		</div><!-- Topo -->
        <div id="NoticiaContainer">
			<div id="imgNoticia"> <a href="{% url fiduciam.views.noticias %}"><img src="{{ MEDIA_URL }}img/ultimas.png" alt="none" /></a>
			</div>
			<div id="Noticia">
                <div class="gnb">
                                <ul id="ticker01">
                                    {% for noticias in noticias %}
                                            <li><span>{{ noticias.data|date:'d/m/y'}}</span><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></li>
                                    {% endfor %}
                                </ul>
                </div>
            </div>
			</div>
			<div id="container">
				<div id="conteudo">
					<div id="esqInternas">
						<h1 class="NoticiasQ"> Serviços </h1>
						<div id="servico1">
							<div class="container">
								<div class="wrapper">
									<div id="st-accordion" class="st-accordion">

										<ul>
											<li>
												<a href="#">Desenvolvimento de Sites<span class="st-arrow">Abrir ou Fechar</span></a>
												<div class="st-content">

													<div id="ImgBotao1" style="float:left; margin:15px;"> <a href="{% url fiduciam.views.servicos %}"><img src="{{ MEDIA_URL }}img/botao1.png" alt="Imagem Botao 1" /></a></div>
													<p>> Desenvolvimento de sites e portais de notícias que permitem o gerenciamento de informação de forma independente, ágil e instantânea, através de um painel de administração pernalizável.</p>
                                                    <p>> Equilíbrio entre design e tecnologia para obtenção de melhores resultados.</p>
													<div id="btnMais1"><a href="{% url fiduciam.views.portifolio %}"><img src="{{ MEDIA_URL }}img/btnPortifólio.png" /></a> <a href="{% url fiduciam.views.contato %}"><img src="{{ MEDIA_URL }}img/btnMais.png" /></a></div>
													<!-- Imagens
													<img src="images/1.jpg" alt="image01"/>
													<img src="images/2.jpg" alt="image02"/>
													<img src="images/3.jpg" alt="image03"/>
													<img src="images/4.jpg" alt="image04"/>
													<img src="images/5.jpg" alt="image05"/>
													<img src="images/6.jpg" alt="image06"/> -->
												</div>
											</li>
											<li>

												<a href="#">Consultoria<span class="st-arrow"> orOpen Close</span></a>
												<div class="st-content">
													<div id="ImgBotao1" style="float:left; margin:15px;"> <a href="{% url fiduciam.views.servicos %}"><img src="{{ MEDIA_URL }}img/img3.png" alt="Imagem Botao 1" /></a></div>
													<p>> Com o objetivo de facilitar as operações de nossos parceiros, a STW oferece um serviço especializado de consultoria direcionado as estratégias de negócio de sua empresa.</p>
                                                    <p>> Tendo como referências as mais modernas tecnologias, a STW realiza levantamento e análise de  segurança, infraestrutura, política de processos e grau de aderência as necessidades da empresa.</p>

                                                    <p>> Planejamento de capacidade</p>
                                                    <p>> Estratégias de virtualização</p>
                                                    <p>> Internal Cloud Computing</p>
                                                    <p>> Backup site & Recovey</p>
                                                    <p>> Alinhamento de TI às estratégias de negócio</p>
													<div id="btnMais1"><a href="{% url fiduciam.views.contato %}"><img src="{{ MEDIA_URL }}img/btnMais.png" /></a></div>
													<!-- Imagens 2
													<img src="images/7.jpg" alt="image07"/>
													<img src="images/8.jpg" alt="image08"/>
													<img src="images/9.jpg" alt="image09"/>

<img src="images/10.jpg" alt="image10"/>
<img src="images/11.jpg" alt="image11"/>
<img src="images/12.jpg" alt="image12"/>

-->
</div>
</li>
<li>
	<a href="#">Produtos<span class="st-arrow">Abrir ou Fechar</span></a>
	<div class="st-content">
		<div id="ImgBotao1" style="float:left; margin:15px;"> <a href="{% url fiduciam.views.servicos %}"><img src="{{ MEDIA_URL }}img/botao3.png" alt="Imagem Botao 1" /></a></div>
		<p>> Sites Institucionais e Gerenciáveis</p>
        <p>> Sistemas on-line</p>
        <p>> Consultorias</p>
        <div id="btnMais1"><a href="{% url fiduciam.views.contato %}"><img src="{{ MEDIA_URL }}img/btnMais.png" /></a></div>
	</div>
</li>

</ul>

</div>
</div>
</div>


<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.accordion.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {

	$('#st-accordion').accordion({
		oneOpenedItem	: true
	});

});
</script>


</div>



</div>
<div id="sidebar2">

</div>
</div>

</div>
{% include "footer.html" %}
